<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>JavaAndJavaScriptCall</title>

	<style>
		@media only screen and (min-width: 750px) {
			html {
				font-size: 24px!important;
				width: 750px;
				margin: 0 auto;
			}

			#content {
				float: left;
			}

			.welcome {
				float: right;
			}

			p {
				padding-top: 60px;
			}
			p img {
				display: block;
				margin: 0 auto;
			}
		}
	</style>

</head>
<body>
	

	<div id="content">谷粉</div>

	<div class="welcome">光临尚硅谷</div>

	<p><img src="http://www.atguigu.com/images/logo.jpg" alt="尚硅谷图标"></p>

	<input type="button" value="点击Android被调用" onclick="window.Android.showToast()">

	<script type="text/javascript">
		function javaCallJs() {
			document.getElementById("content").innerHTML += "<br\>java调用了js无参函数";
		}

		function javaCallJs(arg) {
			document.getElementById("content").innerHTML = ("欢迎: " + arg);
		}

		function showDialog() {
			alert("谷粉们你们好，我来自JavaScript!");
		}
	</script>

</body>
</html>